<template>
  <view>
    <!-- #ifdef APP -->
    <view
      v-for="item in Data"
      :key="item.Company_Honors_SerialNumber"
      class="w-100 py-2"
    >
      <view class="mx-2 border-bottom" style="height: 400rpx">
        <image
          class="w-100"
          style="height: 100%"
          :src="Domain_Business + item.Picture_URL"
          mode=""
        ></image>
      </view>
      <view class="mx-2 bg-light flex border-bottom border-secondary">
        <text class="font-md font-weight-bold py-2">{{
          item.Company_Honors_Name
        }}</text>
      </view>
    </view>
    <!-- #endif -->
    <!-- #ifdef MP-WEIXIN -->
    <view
      v-for="item in Data"
      :key="item.Company_Honors_SerialNumber"
      class="w-100 py-2"
    >
      <view class="mx-2 border-bottom" style="height: 400rpx">
        <image
          class="w-100"
          style="height: 100%"
          :src="Domain_Business + item.Picture_URL"
          mode=""
        ></image>
      </view>
      <view class="mx-2 bg-light flex border-bottom border-secondary">
        <text class="font-md font-weight-bold py-2">{{
          item.Company_Honors_Name
        }}</text>
      </view>
    </view>
    <!-- #endif -->
  </view>
</template>

<script>
const app = getApp();
import { getTableInquiry } from "@/api/global.js";
export default {
  data() {
    return {
      Data: [],
      Domain_Business: app.globalData.Domain_Business,
      form: {
        Data: "company_honors",
        page: 1,
        limit: 999,
      },
    };
  },
  onLoad() {
    this.getData(this.form);
  },
  methods: {
    async getData(data) {
      const res = await getTableInquiry({
        data,
      });
      if (res.Status == "success") {
        this.Data = res.tableData;
        console.log(res.tableData);
      }
    },
  },
};
</script>

<style scoped>
</style>